<template>
    <div class="news-info">
        <h4 class="news-Title mui-ellipsis">{{this.$route.query.title}}</h4>
        <div class="news-props ">
            <span class="news-span">发表时间:{{this.$route.query.time}}</span>
            <span class="news-span">点击次数：{{this.newsInfo.hits}}次</span>
        </div>
        <div class="news-content" >
            <img class="img1" :src=this.$route.query.img>
            &nbsp;&nbsp;&nbsp;{{this.newsInfo.content}}
            <!-- 中国以其宽厚伟岸的土地孕育出一幅幅壮丽的风景，在每一场柔和的更替之间，时节总是会将那些古老的生长，交还给大地上千年秉持的文明。 从南至北跨越大半个中国的飞行，我似乎看到时间用不同的颜色在大地上绘制着华夏的图腾，那是一张历尽沧桑却依然慈祥可亲的母亲的脸庞，在山河间静静守望。
            <a href="https://baike.baidu.com/tashuo/browse/content?id=2a5beae4574d983310bd5521&lemmaId=106554&lemmaId=106554&fr=qingtian" target="_blank"><img src="https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/whfpf%3D360%2C280%2C50/sign=e634e5d476f40ad115b194a3311122e9/d1160924ab18972b3848d226ebcd7b899f510ae8.jpg" /></a>
            <br>直升飞机自西南重镇成都出发，从低空掠过中国大地的腹心，目的地是东北的一座小城。
在开阔的四川盆地上空飞行了一个多小时后，视野中突然出现一条不寻常的山岭，从空中俯瞰，这条山岭呈半圆柱装扣在地面上，顶部基本等高，没有凸起的山峰，山体很窄，但很长，绵延看不到尽头。
奇怪的是，当飞机越过这座山岭，不足四五分钟，眼前又出现一条几乎一模一样的山岭，我口瞪目呆地看着飞机向它靠近，又把它甩在身后，一扭头，又是一条又细又长的山岭！ -->
        </div>
        <comment :belongid="this.$route.query.id"></comment>
    </div>
</template>  

<script>
import comment from '../subcomponents/Comment.vue'
export default {
    data(){
        return{
           newsInfo:{},
            
        }
    },
    components:{
        comment
    },
   created(){ 
        this.title=this.$route.query.title
        this.content_id=this.$route.query.content_id 
        var _this = this;       
        this.$http.post('http://192.168.0.197:88/getImgContentById',{id:this.$route.query.content_id},{emulateJSON:true}).then(function(res){
                    var tmp = res.body.data;     
                    if (tmp.length != 0) {
                        _this.newsInfo = tmp[0];
                    }
                },function(res){
                    console.log(res.status);
                });
    },
}
</script>

<style scoped>
    .news-Title{
    font-weight:bold;
    margin: auto;
    font-size: 17px;
    color: #dd5b5b;
    padding-top:5px;
    text-align: center; 
    }
    .news-props{
       
        display:flex;
        font-size: 12px;
        justify-content: space-between;
        color:#6c8ef4;
        border-bottom:1px solid #848484;
        line-height: 36px;
    }
    .news-info{
        padding: 10px;
    }
    .news-content{
        margin-top: 10px;
        font-size: 12px;
        color: #888;
        
    }
    .img1{
        width: 100%;
        height: 200px;
    }
</style>